<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绝对定位-居中</title>
  <style>
    img {
      position: absolute;
      left: 50%;
      top: 50%;
      /* 第一种 水平居中方式
      取值为图片的宽高50%*/
      /*margin-left:-265px;*/
      /*margin-top: -127px;*/
      /*第二种写法 更推荐*/
      /*transform: translate(-50%, -50%);*/
    }
  </style>
</head>
<body>
<img src="./images/login.webp" alt="">
</body>
</html>
